/* 
    Document   : header-footer
    Created on : Nov 1, 2011, 10:32:24 AM
    Author     : trangnguyen
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

#header {
    height:156px;
    width:100%;
    color:#FFFFFF;
    position: relative;
    background-image: url('/BTL-CNwebjava/resources/gradient.jpg');
    background-repeat: repeat-x;
}

#block {
    width:960px;
    margin: 0 auto;
    background-color: transparent;
}

#logo {
    float:left;
    width:256px;
    background-color: transparent;    
}

.title {
    margin-top: 5px;
    float:right;
    text-align: right;
    font: bold x-large Verdana;
    color:#1B3D7C;
    width:704px;
    background-color: transparent;    
}

.block-menu {
    float:right;
    font: bold small Verdana;
    width:256px;
    text-align: right;
    color: #9ab33b;
    background-color: transparent;    
}

.block-menu ul {
    margin:0;
    padding:0;
    list-style-image: none;
}

.block-menu li {
    display: inline-block;
}

.block-menu a {
    color: #9ab33b;
}

#footer {
    width:100%;
    height:15px;
    background-color: #FFFFFF;
    margin-bottom: 0;
    margin: 0 auto;
    margin-top: 5px;
    margin-bottom: 5px;
    padding:3px;
    background-image: url('/BTL-CNwebjava/resources/gradient2.jpg');
    background-repeat: repeat-x;
    height: 80px;
}

#footer-right{
    float:right;
    font: bold small sans-serif;
    color: #9ab33b;
    text-align: right;
    width:50%;
    background-color: transparent;
}

#footer-left{
    float: left;
    font: bold small sans-serif;
    color: #f39900;
    width:50%;
    background-color: transparent;
    margin-top:3px;
}

#footer-left a{
    color: #f39900;
}